Qt之QSS渐变效果

2023-09-19 12:20| 来源: 网络整理| 查看: 265

简述

QSS目前支持三种渐变填充：

qlineargradient （线性渐变）qconicalgradient（圆锥渐变）qradialgradient（辐射渐变）

效果如下

qlineargradient QPushButton { background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 white, stop: 0.4 gray, stop:1 green) }

整个线性渐变轴长度为1。

渐变位置：在这个例子中，(x1,y1)是起点，在左上角，(x2,y2)是终点在右下角。

渐变点设置：在0处设白色，在0.4处设灰色，在1处设绿色。

qconicalgradient QPushButton { background: qconicalgradient(cx:0.5, cy:0.5, angle:30, stop:0 white, stop:1 #00FF00) }

渐变位置：(cx,cy)是圆锥的中心，angle是渐变的起始角度

渐变点设置：在0处设白色，在1处设#00FF00

qradialgradient QPushButton { background: qradialgradient(cx:0, cy:0, radius: 1, fx:0.5, fy:0.5, stop:0 white, stop:1 green) }

渐变位置：(cx,cy)是圆的中心，radius圆的半径，(fx,fy)是渐变的起始点

渐变点设置：在0处设白色，在1处设green

建议自己亲自尝试一下。

引用

QT之图形（渐变填充）

【本文地址】

公司简介

联系我们